<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="css/publish.css">
<div data-role="footer" data-position="fixed" class="footerMore" id="footerMore">
      <div class="nav_barMore">
        <ul class="navMore" id="nav">
          <li class="navMore1">
            <a data-ajax="false" href="api/write/thing.do">
              <span>
                <img src="images/p_icon1.png" />
              </span> 
              <span class="nav_textMore">闲置</span>
            </a>
          </li>        
          <li class="navMore2">                 
            <a data-ajax="false" href="api/write/help.do">
              <span>
                <img src="images/p_icon2.png" />
              </span> 
              <span class="nav_textMore">帮帮</span>
            </a>
          </li> 
          
            
           <li class="navMore3">                 
            <a data-ajax="false" href="api/write/square.do">
              <span>
                <img src="images/p_icon3.png" />
              </span> 
              <span class="nav_textMore">发文</span>
            </a>
          </li>     
                      
        </ul>
      </div>
      <div class="errorMore">
        <img src="images/error.png" />
      </div>
    </div>

 <div data-role="footer" data-position="fixed" class="footer" id="footer" data-tap-toggle="false">
      <div>
          <ul class="nav" id="nav">
            <li>
              <a data-ajax="false" href="api/index.do">
                <img src="images/nav1.png" />
              </a>
            </li>        
            <li test>                 
              <a data-ajax="false" href="api/help.do">
                <img src="images/nav2.png" />
                </a>
            </li>               
            <li >
              <a data-ajax="false" href="javascript:void(0)" id = "writeA">
                <img src="images/nav3.png" />
              </a>
            </li>         
            <li >
              <a data-ajax="false" href="api/square.do">
                <img src="images/nav4.png" />
              </a>
            </li>              
            <li>
              <a data-ajax="false" href="api/myself.do">
                <img src="images/nav5.png" />
              </a>
            </li>         
          </ul>
      </div>
    </div>
    
    <script>
    	 //点击效果
    	 $(function(){
    		 var page = $("#pageName").data("page");
    		 if(page != null){
    			 $(".nav li:eq("+page+")").find("img").attr("src","images/nav"+(page+1)+"-1.png");
    			 $(".nav li:eq("+page+")").addClass("nav_li3");
    		 }
    		 
    		 $("#footerMore").css("bottom","-130px");
    		 $("#footerMore").css("display","none");
    		 //显示更多
    	     function showMore(){
    		 	$("#footerMore").animate({bottom:'0px'});
    		 	$("#footerMore").css("display","");
    		 	$("#footer").css("display","none");
    		 	$("#content,.content").animate({filter:'alpha(opacity=10)','-moz-opacity':0.1,opacity:0.1,'z-index': -1},100);
    		  };
    		  //隐藏更多
    		 function hideMore(){
    			 $("#footerMore").animate({bottom:'-130px'});
     		 	$("#footerMore").css("display","none");
     		 	$("#footer").css("display","");
     		 	$("#content,.content").animate({filter:'alpha(opacity=100)','-moz-opacity':1,opacity:1,'z-index': 0},100);
    		 }
    		  
    		  $("#writeA").click(function(){
    			  console.log("123");
    			  showMore();
    		  });
    		  $(".errorMore").click(function(){
    			  hideMore();
    		  });
    	 });
    </script>